<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页 - 崭新的开始</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/css/technology.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/plugins/fancybox/jquery.fancybox.min.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/css/demo.css}">
    <script type="text/javascript" th:src="@{/plugins/jQuery/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/pace.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/lazyload.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/busuanzi-2.3.pure.min.js}"></script>
    <script type="text/javascript" th:src="@{/plugins/fancybox/jquery.fancybox.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/search.js}"></script>
    <script type="text/javascript" th:src="@{/js/technology.js}"></script>
</head>
<body>
    <div id="container">
        <div id="wrap">
            <canvas id="canvas"></canvas>
            <div class="technology-body">
                <div class="technology-frame">
                    <section>
                        <div></div>
                        <div></div>
                        <div></div>
                    </section>
                    <section>
                        <div></div>
                        <div></div>
                        <div></div>
                    </section>
                    <section>
                        <div></div>
                        <div></div>
                        <div></div>
                    </section>
                    <section>
                        <div></div>
                        <div></div>
                        <div></div>
                    </section>
                </div>
                <section class="technology-circle">
                    <div class="wrap">
                        <div class="inner">
                            <div class="middle">
                                <div class="">
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="technology-nav">
                    <nav class="nav-box">
                        <section>
                            <a data-href="history-page" data-color="light-purple" th:href="@{/demo}">所有列表</a>
                            <a data-href="profile-page" data-color="pink" th:href="@{/about}">关于我们</a>
                        </section>
                        <section>
                            <a data-href="product-page" data-color="purple" th:href="@{/chatroom/index}">聊天空间</a>
                            <a class="nav-item-search" data-href="memories-page" data-color="light-pink" href="javascript:void(0);">搜索内容</a>
                        </section>
                    </nav>
                    <div class="message"><h3>科幻世界</h3></div>
                </section>
                <div class="video-inner text-center text-white">
                    <h1 style="text-align: center">东部蓬莱</h1>
                    <p>
                        爱设计 | 爱前端 | 爱摄影 | 爱生活
                    </p>
                    <div class="brand-wrapper"><img th:src="@{/img/hexo-inverted.png}" class="brand" alt="东部蓬莱" src=""></div>
                </div>
            </div>
            <div class="search-form-wrap">
                <div class="local-search local-search-plugin">
                    <label for="local-search-input"></label><input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
                    <div id="local-search-result" class="local-search-result"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>